<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2936988" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">学生异动</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">报考</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
                <div class="name">成绩</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ec;</span>
                <div class="name">阅卷</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ed;</span>
                <div class="name">考核设置</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
                <div class="name">论文管理</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">申报</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
                <div class="name">课程</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f1;</span>
                <div class="name">题库</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">教务设置</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">自定义设置</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">超级统计</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">招生统计</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">推广统计</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f7;</span>
                <div class="name">学习统计</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">地区数据统计</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">数据导入</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">成考管理</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">远程管理</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">书籍管理</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe700;</span>
                <div class="name">过程性考核</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">学分认定</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">课程订单</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">问题反馈</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">资产</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe705;</span>
                <div class="name">KPI管理</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">项目管理</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe707;</span>
                <div class="name">微信公众号</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe708;</span>
                <div class="name">安全设置</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">服务中心</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
                <div class="name">企业服务</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">网课服务</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70c;</span>
                <div class="name">收费管理</div>
                <div class="code-name">&amp;#xe70c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
                <div class="name">权限设置</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
                <div class="name">教务统计</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe710;</span>
                <div class="name">教学统计</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
                <div class="name">收费统计</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe713;</span>
                <div class="name">服务统计</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe714;</span>
                <div class="name">通知统计</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe715;</span>
                <div class="name">考核统计</div>
                <div class="code-name">&amp;#xe715;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
                <div class="name">用户活跃度</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
                <div class="name">学生报名</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">学生录取</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">学生注册</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71a;</span>
                <div class="name">在籍学生</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71b;</span>
                <div class="name">花名册</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71c;</span>
                <div class="name">服务分类管理</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71d;</span>
                <div class="name">学生服务列表</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">通知分类管理</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">通知列表</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">教学计划</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe721;</span>
                <div class="name">教学安排</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe722;</span>
                <div class="name">成绩管理</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe723;</span>
                <div class="name">图片管理</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe724;</span>
                <div class="name">考试计划</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">考试配置</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">学习中心管理</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">考核管理</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">教师管理</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
                <div class="name">网课管理</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72b;</span>
                <div class="name">补录结算</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72c;</span>
                <div class="name">毕业管理</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72d;</span>
                <div class="name">考核指标</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77e;</span>
                <div class="name">企业管理</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">初步管理</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
                <div class="name">呼叫报表</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">扫描电镜</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe782;</span>
                <div class="name">结账</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name">销售报表</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe784;</span>
                <div class="name">凭证</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe785;</span>
                <div class="name">合同异动</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">销售品</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe788;</span>
                <div class="name">学术管理</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe789;</span>
                <div class="name">易耗品</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">任务管理</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">电商</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">名片报表</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">固定资产</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">动态管理</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">基础配置</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">呼叫统计</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe791;</span>
                <div class="name">销售报表</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe792;</span>
                <div class="name">大数据</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe793;</span>
                <div class="name">活动管理</div>
                <div class="code-name">&amp;#xe793;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe794;</span>
                <div class="name">呼叫设置</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">分销市场</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">成绩统计</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">推广设置</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe798;</span>
                <div class="name">课程中心</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe799;</span>
                <div class="name">合同设置</div>
                <div class="code-name">&amp;#xe799;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
                <div class="name">课程包管理</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79b;</span>
                <div class="name">用户管理</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79c;</span>
                <div class="name">用户画像</div>
                <div class="code-name">&amp;#xe79c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">帐号管理</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">SEM管理</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">预算</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a0;</span>
                <div class="name">名片报表</div>
                <div class="code-name">&amp;#xe7a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">订单管理</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">推广管理</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">专题管理</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">信息流</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a5;</span>
                <div class="name">销售设置</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">素材管理</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7aa;</span>
                <div class="name">学生导入</div>
                <div class="code-name">&amp;#xe7aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ab;</span>
                <div class="name">商品管理</div>
                <div class="code-name">&amp;#xe7ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">排课管理</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">信息导入</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">收费配置</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">用户权限</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">在籍学生管理</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">学号管理</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b2;</span>
                <div class="name">课程资源管理</div>
                <div class="code-name">&amp;#xe7b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">面授教学安排</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">账房</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">开课管理</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b6;</span>
                <div class="name">毕业统计</div>
                <div class="code-name">&amp;#xe7b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">招生准备</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b9;</span>
                <div class="name">排课设置</div>
                <div class="code-name">&amp;#xe7b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ba;</span>
                <div class="name">班级管理</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bb;</span>
                <div class="name">精品课堂</div>
                <div class="code-name">&amp;#xe7bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">员工提点</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bd;</span>
                <div class="name">考试安排</div>
                <div class="code-name">&amp;#xe7bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">网络教学安排</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c3;</span>
                <div class="name">入学成绩</div>
                <div class="code-name">&amp;#xe7c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c6;</span>
                <div class="name">面授教学</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c7;</span>
                <div class="name">教师教室管理</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c8;</span>
                <div class="name">录取管理</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c9;</span>
                <div class="name">录取成绩</div>
                <div class="code-name">&amp;#xe7c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ca;</span>
                <div class="name">资源</div>
                <div class="code-name">&amp;#xe7ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">课件</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cd;</span>
                <div class="name">外部课件</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ce;</span>
                <div class="name">日志管理</div>
                <div class="code-name">&amp;#xe7ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cf;</span>
                <div class="name">模版管理</div>
                <div class="code-name">&amp;#xe7cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d1;</span>
                <div class="name">学历认证</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d2;</span>
                <div class="name">异议处理</div>
                <div class="code-name">&amp;#xe7d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d3;</span>
                <div class="name">论文申报</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d4;</span>
                <div class="name">论文设置</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d5;</span>
                <div class="name">教学点设置</div>
                <div class="code-name">&amp;#xe7d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d6;</span>
                <div class="name">补录沉降</div>
                <div class="code-name">&amp;#xe7d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d7;</span>
                <div class="name">模块设置</div>
                <div class="code-name">&amp;#xe7d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d8;</span>
                <div class="name">资料管理</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d9;</span>
                <div class="name">集团管理</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7da;</span>
                <div class="name">应用管理</div>
                <div class="code-name">&amp;#xe7da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7db;</span>
                <div class="name">官网试卷</div>
                <div class="code-name">&amp;#xe7db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dc;</span>
                <div class="name">我的网课</div>
                <div class="code-name">&amp;#xe7dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dd;</span>
                <div class="name">脚本管理</div>
                <div class="code-name">&amp;#xe7dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7de;</span>
                <div class="name">专业管理员</div>
                <div class="code-name">&amp;#xe7de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7df;</span>
                <div class="name">学生成绩</div>
                <div class="code-name">&amp;#xe7df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e2;</span>
                <div class="name">服务管理</div>
                <div class="code-name">&amp;#xe7e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e3;</span>
                <div class="name">代金券</div>
                <div class="code-name">&amp;#xe7e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e4;</span>
                <div class="name">呼叫中心</div>
                <div class="code-name">&amp;#xe7e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e5;</span>
                <div class="name">引进收费</div>
                <div class="code-name">&amp;#xe7e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e6;</span>
                <div class="name">应缴清单</div>
                <div class="code-name">&amp;#xe7e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e7;</span>
                <div class="name">对账单</div>
                <div class="code-name">&amp;#xe7e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e8;</span>
                <div class="name">商机管理</div>
                <div class="code-name">&amp;#xe7e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e9;</span>
                <div class="name">企微会话存档</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ea;</span>
                <div class="name">用户设置</div>
                <div class="code-name">&amp;#xe7ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ec;</span>
                <div class="name">消息设置</div>
                <div class="code-name">&amp;#xe7ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ed;</span>
                <div class="name">营销设置</div>
                <div class="code-name">&amp;#xe7ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ee;</span>
                <div class="name">服务市场</div>
                <div class="code-name">&amp;#xe7ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ef;</span>
                <div class="name">素材资源</div>
                <div class="code-name">&amp;#xe7ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f0;</span>
                <div class="name">营销玩法</div>
                <div class="code-name">&amp;#xe7f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f1;</span>
                <div class="name">推广</div>
                <div class="code-name">&amp;#xe7f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f2;</span>
                <div class="name">用户列表</div>
                <div class="code-name">&amp;#xe7f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">资源管理</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">课程管理</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">课程包</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">题库管理</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">网课市场</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">工单</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">访客管理</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">线索管理</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">客户管理</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">集团客户</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">跟进记录</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">呼叫管理</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">工作台</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">数据报表</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">访客报表</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">账簿管理</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">账簿管理_子系统</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">账簿管理_子系统</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">合同管理</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">运营者管理</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">招聘管理</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">工资管理</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">我的审批</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">标准模版设置</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">基础设置</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">财务设置</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">产品设置</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">审批设置</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">目标管理</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">站点设置</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">人事设置</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">CRM设置</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">名片设置</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">网校设置</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">我的点评</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">我的学生</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">联系记录</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">投诉提问</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">培训计划</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">费用查询</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">学生缴费</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">记账</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">查账</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">查账</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">报表</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">招生报表</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">打卡记录</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">网络班级</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d8;</span>
                <div class="name">小程序</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6db;</span>
                <div class="name">后台设置</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6df;</span>
                <div class="name">招生设置</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e1;</span>
                <div class="name">消息中心</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e2;</span>
                <div class="name">菜单管理</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
                <div class="name">集团设置</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e4;</span>
                <div class="name">市场管理</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
                <div class="name">创建系统</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">工单管理</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e7;</span>
                <div class="name">短信</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
                <div class="name">帮助中心</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1640935732189') format('woff2'),
       url('iconfont.woff?t=1640935732189') format('woff'),
       url('iconfont.ttf?t=1640935732189') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengyidong"></span>
            <div class="name">
              学生异动
            </div>
            <div class="code-name">.icon-xueshengyidong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baokao"></span>
            <div class="name">
              报考
            </div>
            <div class="code-name">.icon-baokao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengji"></span>
            <div class="name">
              成绩
            </div>
            <div class="code-name">.icon-chengji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuejuan"></span>
            <div class="name">
              阅卷
            </div>
            <div class="code-name">.icon-yuejuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoheshezhi"></span>
            <div class="name">
              考核设置
            </div>
            <div class="code-name">.icon-kaoheshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lunwenguanli"></span>
            <div class="name">
              论文管理
            </div>
            <div class="code-name">.icon-lunwenguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenbao"></span>
            <div class="name">
              申报
            </div>
            <div class="code-name">.icon-shenbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kecheng"></span>
            <div class="name">
              课程
            </div>
            <div class="code-name">.icon-kecheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiku"></span>
            <div class="name">
              题库
            </div>
            <div class="code-name">.icon-tiku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaowushezhi"></span>
            <div class="name">
              教务设置
            </div>
            <div class="code-name">.icon-jiaowushezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zidingyishezhi"></span>
            <div class="name">
              自定义设置
            </div>
            <div class="code-name">.icon-zidingyishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaojitongji"></span>
            <div class="name">
              超级统计
            </div>
            <div class="code-name">.icon-chaojitongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoshengtongji"></span>
            <div class="name">
              招生统计
            </div>
            <div class="code-name">.icon-zhaoshengtongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiguangtongji"></span>
            <div class="name">
              推广统计
            </div>
            <div class="code-name">.icon-tuiguangtongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuexitongji"></span>
            <div class="name">
              学习统计
            </div>
            <div class="code-name">.icon-xuexitongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-diqushujutongji"></span>
            <div class="name">
              地区数据统计
            </div>
            <div class="code-name">.icon-diqushujutongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujudaoru"></span>
            <div class="name">
              数据导入
            </div>
            <div class="code-name">.icon-shujudaoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengkaoguanli"></span>
            <div class="name">
              成考管理
            </div>
            <div class="code-name">.icon-chengkaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuanchengguanli"></span>
            <div class="name">
              远程管理
            </div>
            <div class="code-name">.icon-yuanchengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujiguanli"></span>
            <div class="name">
              书籍管理
            </div>
            <div class="code-name">.icon-shujiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guochengxingkaohe"></span>
            <div class="name">
              过程性考核
            </div>
            <div class="code-name">.icon-guochengxingkaohe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuefenrending"></span>
            <div class="name">
              学分认定
            </div>
            <div class="code-name">.icon-xuefenrending
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengdingdan"></span>
            <div class="name">
              课程订单
            </div>
            <div class="code-name">.icon-kechengdingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wentifankui"></span>
            <div class="name">
              问题反馈
            </div>
            <div class="code-name">.icon-wentifankui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zichan"></span>
            <div class="name">
              资产
            </div>
            <div class="code-name">.icon-zichan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-KPIguanli"></span>
            <div class="name">
              KPI管理
            </div>
            <div class="code-name">.icon-KPIguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangmuguanli"></span>
            <div class="name">
              项目管理
            </div>
            <div class="code-name">.icon-xiangmuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixingongzhonghao"></span>
            <div class="name">
              微信公众号
            </div>
            <div class="code-name">.icon-weixingongzhonghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquanshezhi"></span>
            <div class="name">
              安全设置
            </div>
            <div class="code-name">.icon-anquanshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuzhongxin"></span>
            <div class="name">
              服务中心
            </div>
            <div class="code-name">.icon-fuwuzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyefuwu"></span>
            <div class="name">
              企业服务
            </div>
            <div class="code-name">.icon-qiyefuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangkefuwu"></span>
            <div class="name">
              网课服务
            </div>
            <div class="code-name">.icon-wangkefuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoufeiguanli"></span>
            <div class="name">
              收费管理
            </div>
            <div class="code-name">.icon-shoufeiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanxianshezhi"></span>
            <div class="name">
              权限设置
            </div>
            <div class="code-name">.icon-quanxianshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaowutongji"></span>
            <div class="name">
              教务统计
            </div>
            <div class="code-name">.icon-jiaowutongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoxuetongji"></span>
            <div class="name">
              教学统计
            </div>
            <div class="code-name">.icon-jiaoxuetongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoufeitongji"></span>
            <div class="name">
              收费统计
            </div>
            <div class="code-name">.icon-shoufeitongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwutongji"></span>
            <div class="name">
              服务统计
            </div>
            <div class="code-name">.icon-fuwutongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongzhitongji"></span>
            <div class="name">
              通知统计
            </div>
            <div class="code-name">.icon-tongzhitongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaohetongji"></span>
            <div class="name">
              考核统计
            </div>
            <div class="code-name">.icon-kaohetongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuhuoyuedu"></span>
            <div class="name">
              用户活跃度
            </div>
            <div class="code-name">.icon-yonghuhuoyuedu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengbaoming"></span>
            <div class="name">
              学生报名
            </div>
            <div class="code-name">.icon-xueshengbaoming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengluqu"></span>
            <div class="name">
              学生录取
            </div>
            <div class="code-name">.icon-xueshengluqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengzhuce"></span>
            <div class="name">
              学生注册
            </div>
            <div class="code-name">.icon-xueshengzhuce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaijixuesheng"></span>
            <div class="name">
              在籍学生
            </div>
            <div class="code-name">.icon-zaijixuesheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huamingce"></span>
            <div class="name">
              花名册
            </div>
            <div class="code-name">.icon-huamingce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenleiguanli"></span>
            <div class="name">
              服务分类管理
            </div>
            <div class="code-name">.icon-fenleiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuliebiao"></span>
            <div class="name">
              学生服务列表
            </div>
            <div class="code-name">.icon-fuwuliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenleiliebiao"></span>
            <div class="name">
              通知分类管理
            </div>
            <div class="code-name">.icon-fenleiliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongzhiliebiao"></span>
            <div class="name">
              通知列表
            </div>
            <div class="code-name">.icon-tongzhiliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoxuejihua"></span>
            <div class="name">
              教学计划
            </div>
            <div class="code-name">.icon-jiaoxuejihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoxueanpai"></span>
            <div class="name">
              教学安排
            </div>
            <div class="code-name">.icon-jiaoxueanpai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengjiguanli"></span>
            <div class="name">
              成绩管理
            </div>
            <div class="code-name">.icon-chengjiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tupianguanli"></span>
            <div class="name">
              图片管理
            </div>
            <div class="code-name">.icon-tupianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoshijihua"></span>
            <div class="name">
              考试计划
            </div>
            <div class="code-name">.icon-kaoshijihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoshipeizhi"></span>
            <div class="name">
              考试配置
            </div>
            <div class="code-name">.icon-kaoshipeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuexizhongxinguanli"></span>
            <div class="name">
              学习中心管理
            </div>
            <div class="code-name">.icon-xuexizhongxinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoheguanli"></span>
            <div class="name">
              考核管理
            </div>
            <div class="code-name">.icon-kaoheguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoshiguanli"></span>
            <div class="name">
              教师管理
            </div>
            <div class="code-name">.icon-jiaoshiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangkeguanli"></span>
            <div class="name">
              网课管理
            </div>
            <div class="code-name">.icon-wangkeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bulujiesuan"></span>
            <div class="name">
              补录结算
            </div>
            <div class="code-name">.icon-bulujiesuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biyeguanli"></span>
            <div class="name">
              毕业管理
            </div>
            <div class="code-name">.icon-biyeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaohezhibiao"></span>
            <div class="name">
              考核指标
            </div>
            <div class="code-name">.icon-kaohezhibiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyeguanli"></span>
            <div class="name">
              企业管理
            </div>
            <div class="code-name">.icon-qiyeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chubuguanli"></span>
            <div class="name">
              初步管理
            </div>
            <div class="code-name">.icon-chubuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hujiaobaobiao"></span>
            <div class="name">
              呼叫报表
            </div>
            <div class="code-name">.icon-hujiaobaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-saomiaodianjing"></span>
            <div class="name">
              扫描电镜
            </div>
            <div class="code-name">.icon-saomiaodianjing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiezhang"></span>
            <div class="name">
              结账
            </div>
            <div class="code-name">.icon-jiezhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshoubaobiao"></span>
            <div class="name">
              销售报表
            </div>
            <div class="code-name">.icon-xiaoshoubaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingzheng"></span>
            <div class="name">
              凭证
            </div>
            <div class="code-name">.icon-pingzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hetongyidong"></span>
            <div class="name">
              合同异动
            </div>
            <div class="code-name">.icon-hetongyidong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshoupin"></span>
            <div class="name">
              销售品
            </div>
            <div class="code-name">.icon-xiaoshoupin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshuguanli"></span>
            <div class="name">
              学术管理
            </div>
            <div class="code-name">.icon-xueshuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yihaopin"></span>
            <div class="name">
              易耗品
            </div>
            <div class="code-name">.icon-yihaopin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renwuguanli"></span>
            <div class="name">
              任务管理
            </div>
            <div class="code-name">.icon-renwuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianshang"></span>
            <div class="name">
              电商
            </div>
            <div class="code-name">.icon-dianshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mingpianbaobiao_1"></span>
            <div class="name">
              名片报表
            </div>
            <div class="code-name">.icon-mingpianbaobiao_1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gudingzichan"></span>
            <div class="name">
              固定资产
            </div>
            <div class="code-name">.icon-gudingzichan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dongtaiguanli"></span>
            <div class="name">
              动态管理
            </div>
            <div class="code-name">.icon-dongtaiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jichupeizhi"></span>
            <div class="name">
              基础配置
            </div>
            <div class="code-name">.icon-jichupeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hujiaotongji"></span>
            <div class="name">
              呼叫统计
            </div>
            <div class="code-name">.icon-hujiaotongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshoubaobiao_1"></span>
            <div class="name">
              销售报表
            </div>
            <div class="code-name">.icon-xiaoshoubaobiao_1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dashuju"></span>
            <div class="name">
              大数据
            </div>
            <div class="code-name">.icon-dashuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huodongguanli"></span>
            <div class="name">
              活动管理
            </div>
            <div class="code-name">.icon-huodongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hujiaoshezhi"></span>
            <div class="name">
              呼叫设置
            </div>
            <div class="code-name">.icon-hujiaoshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiaoshichang"></span>
            <div class="name">
              分销市场
            </div>
            <div class="code-name">.icon-fenxiaoshichang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengjitongji"></span>
            <div class="name">
              成绩统计
            </div>
            <div class="code-name">.icon-chengjitongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiguangshezhi"></span>
            <div class="name">
              推广设置
            </div>
            <div class="code-name">.icon-tuiguangshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengzhongxin"></span>
            <div class="name">
              课程中心
            </div>
            <div class="code-name">.icon-kechengzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hetongshezhi"></span>
            <div class="name">
              合同设置
            </div>
            <div class="code-name">.icon-hetongshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengbaoguanli"></span>
            <div class="name">
              课程包管理
            </div>
            <div class="code-name">.icon-kechengbaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuguanli"></span>
            <div class="name">
              用户管理
            </div>
            <div class="code-name">.icon-yonghuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuhuaxiang"></span>
            <div class="name">
              用户画像
            </div>
            <div class="code-name">.icon-yonghuhuaxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanghaoguanli"></span>
            <div class="name">
              帐号管理
            </div>
            <div class="code-name">.icon-zhanghaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-SEMguanli"></span>
            <div class="name">
              SEM管理
            </div>
            <div class="code-name">.icon-SEMguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yusuan"></span>
            <div class="name">
              预算
            </div>
            <div class="code-name">.icon-yusuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mingpianbaobiao"></span>
            <div class="name">
              名片报表
            </div>
            <div class="code-name">.icon-mingpianbaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingdanguanli"></span>
            <div class="name">
              订单管理
            </div>
            <div class="code-name">.icon-dingdanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiguangguanli"></span>
            <div class="name">
              推广管理
            </div>
            <div class="code-name">.icon-tuiguangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuantiguanli"></span>
            <div class="name">
              专题管理
            </div>
            <div class="code-name">.icon-zhuantiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxiliu"></span>
            <div class="name">
              信息流
            </div>
            <div class="code-name">.icon-xinxiliu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshoushezhi"></span>
            <div class="name">
              销售设置
            </div>
            <div class="code-name">.icon-xiaoshoushezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sucaiguanli"></span>
            <div class="name">
              素材管理
            </div>
            <div class="code-name">.icon-sucaiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengdaoru"></span>
            <div class="name">
              学生导入
            </div>
            <div class="code-name">.icon-xueshengdaoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangpinguanli"></span>
            <div class="name">
              商品管理
            </div>
            <div class="code-name">.icon-shangpinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paikeguanli"></span>
            <div class="name">
              排课管理
            </div>
            <div class="code-name">.icon-paikeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxidaoru"></span>
            <div class="name">
              信息导入
            </div>
            <div class="code-name">.icon-xinxidaoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoufeipeizhi"></span>
            <div class="name">
              收费配置
            </div>
            <div class="code-name">.icon-shoufeipeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuquanxian"></span>
            <div class="name">
              用户权限
            </div>
            <div class="code-name">.icon-yonghuquanxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaijixueshengguanli"></span>
            <div class="name">
              在籍学生管理
            </div>
            <div class="code-name">.icon-zaijixueshengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuehaoguanli"></span>
            <div class="name">
              学号管理
            </div>
            <div class="code-name">.icon-xuehaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengziyuanguanli"></span>
            <div class="name">
              课程资源管理
            </div>
            <div class="code-name">.icon-kechengziyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mianshoujiaoxueanpai"></span>
            <div class="name">
              面授教学安排
            </div>
            <div class="code-name">.icon-mianshoujiaoxueanpai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangfang"></span>
            <div class="name">
              账房
            </div>
            <div class="code-name">.icon-zhangfang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaikeguanli"></span>
            <div class="name">
              开课管理
            </div>
            <div class="code-name">.icon-kaikeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biyetongji"></span>
            <div class="name">
              毕业统计
            </div>
            <div class="code-name">.icon-biyetongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoshengzhunbei"></span>
            <div class="name">
              招生准备
            </div>
            <div class="code-name">.icon-zhaoshengzhunbei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paikeshezhi"></span>
            <div class="name">
              排课设置
            </div>
            <div class="code-name">.icon-paikeshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banjiguanli"></span>
            <div class="name">
              班级管理
            </div>
            <div class="code-name">.icon-banjiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingpinketang"></span>
            <div class="name">
              精品课堂
            </div>
            <div class="code-name">.icon-jingpinketang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuangongtidian"></span>
            <div class="name">
              员工提点
            </div>
            <div class="code-name">.icon-yuangongtidian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoshianpai"></span>
            <div class="name">
              考试安排
            </div>
            <div class="code-name">.icon-kaoshianpai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangluojiaoxueanpai"></span>
            <div class="name">
              网络教学安排
            </div>
            <div class="code-name">.icon-wangluojiaoxueanpai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ruxuechengji"></span>
            <div class="name">
              入学成绩
            </div>
            <div class="code-name">.icon-ruxuechengji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mianshoujiaoxue"></span>
            <div class="name">
              面授教学
            </div>
            <div class="code-name">.icon-mianshoujiaoxue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoshijiaoshiguanli"></span>
            <div class="name">
              教师教室管理
            </div>
            <div class="code-name">.icon-jiaoshijiaoshiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-luquguanli"></span>
            <div class="name">
              录取管理
            </div>
            <div class="code-name">.icon-luquguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-luquchengji"></span>
            <div class="name">
              录取成绩
            </div>
            <div class="code-name">.icon-luquchengji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuan"></span>
            <div class="name">
              资源
            </div>
            <div class="code-name">.icon-ziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kejian"></span>
            <div class="name">
              课件
            </div>
            <div class="code-name">.icon-kejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-waibukejian"></span>
            <div class="name">
              外部课件
            </div>
            <div class="code-name">.icon-waibukejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rizhiguanli"></span>
            <div class="name">
              日志管理
            </div>
            <div class="code-name">.icon-rizhiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mobanguanli"></span>
            <div class="name">
              模版管理
            </div>
            <div class="code-name">.icon-mobanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuelirenzheng"></span>
            <div class="name">
              学历认证
            </div>
            <div class="code-name">.icon-xuelirenzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiyichuli"></span>
            <div class="name">
              异议处理
            </div>
            <div class="code-name">.icon-yiyichuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lunwenshenbao"></span>
            <div class="name">
              论文申报
            </div>
            <div class="code-name">.icon-lunwenshenbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lunwenshezhi"></span>
            <div class="name">
              论文设置
            </div>
            <div class="code-name">.icon-lunwenshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoxuedianshezhi"></span>
            <div class="name">
              教学点设置
            </div>
            <div class="code-name">.icon-jiaoxuedianshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-buluchenjiang"></span>
            <div class="name">
              补录沉降
            </div>
            <div class="code-name">.icon-buluchenjiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mokuaishezhi"></span>
            <div class="name">
              模块设置
            </div>
            <div class="code-name">.icon-mokuaishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziliaoguanli"></span>
            <div class="name">
              资料管理
            </div>
            <div class="code-name">.icon-ziliaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jituanguanli"></span>
            <div class="name">
              集团管理
            </div>
            <div class="code-name">.icon-jituanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyongguanli"></span>
            <div class="name">
              应用管理
            </div>
            <div class="code-name">.icon-yingyongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanwangshijuan"></span>
            <div class="name">
              官网试卷
            </div>
            <div class="code-name">.icon-guanwangshijuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodewangke"></span>
            <div class="name">
              我的网课
            </div>
            <div class="code-name">.icon-wodewangke
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaobenguanli"></span>
            <div class="name">
              脚本管理
            </div>
            <div class="code-name">.icon-jiaobenguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanyeguanliyuan"></span>
            <div class="name">
              专业管理员
            </div>
            <div class="code-name">.icon-zhuanyeguanliyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengchengji"></span>
            <div class="name">
              学生成绩
            </div>
            <div class="code-name">.icon-xueshengchengji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuguanli"></span>
            <div class="name">
              服务管理
            </div>
            <div class="code-name">.icon-fuwuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daijinquan"></span>
            <div class="name">
              代金券
            </div>
            <div class="code-name">.icon-daijinquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hujiaozhongxin"></span>
            <div class="name">
              呼叫中心
            </div>
            <div class="code-name">.icon-hujiaozhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinjinshoufei"></span>
            <div class="name">
              引进收费
            </div>
            <div class="code-name">.icon-yinjinshoufei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingjiaoqingdan"></span>
            <div class="name">
              应缴清单
            </div>
            <div class="code-name">.icon-yingjiaoqingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duizhangdan"></span>
            <div class="name">
              对账单
            </div>
            <div class="code-name">.icon-duizhangdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangjiguanli"></span>
            <div class="name">
              商机管理
            </div>
            <div class="code-name">.icon-shangjiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyehuihuacundang"></span>
            <div class="name">
              企微会话存档
            </div>
            <div class="code-name">.icon-qiyehuihuacundang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghushezhi"></span>
            <div class="name">
              用户设置
            </div>
            <div class="code-name">.icon-yonghushezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxishezhi"></span>
            <div class="name">
              消息设置
            </div>
            <div class="code-name">.icon-xiaoxishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingxiaoshezhi"></span>
            <div class="name">
              营销设置
            </div>
            <div class="code-name">.icon-yingxiaoshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwushichang"></span>
            <div class="name">
              服务市场
            </div>
            <div class="code-name">.icon-fuwushichang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sucaiziyuan"></span>
            <div class="name">
              素材资源
            </div>
            <div class="code-name">.icon-sucaiziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingxiaowanfa"></span>
            <div class="name">
              营销玩法
            </div>
            <div class="code-name">.icon-yingxiaowanfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiguang"></span>
            <div class="name">
              推广
            </div>
            <div class="code-name">.icon-tuiguang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuliebiao"></span>
            <div class="name">
              用户列表
            </div>
            <div class="code-name">.icon-yonghuliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuanguanli"></span>
            <div class="name">
              资源管理
            </div>
            <div class="code-name">.icon-ziyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengguanli"></span>
            <div class="name">
              课程管理
            </div>
            <div class="code-name">.icon-kechengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengbao"></span>
            <div class="name">
              课程包
            </div>
            <div class="code-name">.icon-kechengbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tikuguanli"></span>
            <div class="name">
              题库管理
            </div>
            <div class="code-name">.icon-tikuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangkeshichang"></span>
            <div class="name">
              网课市场
            </div>
            <div class="code-name">.icon-wangkeshichang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongdan"></span>
            <div class="name">
              工单
            </div>
            <div class="code-name">.icon-gongdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangkeguanli"></span>
            <div class="name">
              访客管理
            </div>
            <div class="code-name">.icon-fangkeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiansuoguanli"></span>
            <div class="name">
              线索管理
            </div>
            <div class="code-name">.icon-xiansuoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuguanli"></span>
            <div class="name">
              客户管理
            </div>
            <div class="code-name">.icon-kehuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jituankehu"></span>
            <div class="name">
              集团客户
            </div>
            <div class="code-name">.icon-jituankehu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-genjinjilu"></span>
            <div class="name">
              跟进记录
            </div>
            <div class="code-name">.icon-genjinjilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hujiaoguanli"></span>
            <div class="name">
              呼叫管理
            </div>
            <div class="code-name">.icon-hujiaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzuotai"></span>
            <div class="name">
              工作台
            </div>
            <div class="code-name">.icon-gongzuotai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujubaobiao"></span>
            <div class="name">
              数据报表
            </div>
            <div class="code-name">.icon-shujubaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangkebaobiao"></span>
            <div class="name">
              访客报表
            </div>
            <div class="code-name">.icon-fangkebaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangbuguanli"></span>
            <div class="name">
              账簿管理
            </div>
            <div class="code-name">.icon-zhangbuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangbuguanli_zi"></span>
            <div class="name">
              账簿管理_子系统
            </div>
            <div class="code-name">.icon-zhangbuguanli_zi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangbuguanli_zixitong_A"></span>
            <div class="name">
              账簿管理_子系统
            </div>
            <div class="code-name">.icon-zhangbuguanli_zixitong_A
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hetongguanli"></span>
            <div class="name">
              合同管理
            </div>
            <div class="code-name">.icon-hetongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunyingzheguanli"></span>
            <div class="name">
              运营者管理
            </div>
            <div class="code-name">.icon-yunyingzheguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaopinguanli"></span>
            <div class="name">
              招聘管理
            </div>
            <div class="code-name">.icon-zhaopinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongziguanli"></span>
            <div class="name">
              工资管理
            </div>
            <div class="code-name">.icon-gongziguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodeshenpi"></span>
            <div class="name">
              我的审批
            </div>
            <div class="code-name">.icon-wodeshenpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaozhunmobanshezhi"></span>
            <div class="name">
              标准模版设置
            </div>
            <div class="code-name">.icon-biaozhunmobanshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jichushezhi"></span>
            <div class="name">
              基础设置
            </div>
            <div class="code-name">.icon-jichushezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caiwushezhi"></span>
            <div class="name">
              财务设置
            </div>
            <div class="code-name">.icon-caiwushezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chanpinshezhi"></span>
            <div class="name">
              产品设置
            </div>
            <div class="code-name">.icon-chanpinshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenpishezhi"></span>
            <div class="name">
              审批设置
            </div>
            <div class="code-name">.icon-shenpishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mubiaoguanli"></span>
            <div class="name">
              目标管理
            </div>
            <div class="code-name">.icon-mubiaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhandianshezhi"></span>
            <div class="name">
              站点设置
            </div>
            <div class="code-name">.icon-zhandianshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renshishezhi"></span>
            <div class="name">
              人事设置
            </div>
            <div class="code-name">.icon-renshishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-CRMshezhi"></span>
            <div class="name">
              CRM设置
            </div>
            <div class="code-name">.icon-CRMshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mingpianshezhi"></span>
            <div class="name">
              名片设置
            </div>
            <div class="code-name">.icon-mingpianshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangxiaoshezhi"></span>
            <div class="name">
              网校设置
            </div>
            <div class="code-name">.icon-wangxiaoshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodedianping"></span>
            <div class="name">
              我的点评
            </div>
            <div class="code-name">.icon-wodedianping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodexuesheng"></span>
            <div class="name">
              我的学生
            </div>
            <div class="code-name">.icon-wodexuesheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianxijilu"></span>
            <div class="name">
              联系记录
            </div>
            <div class="code-name">.icon-lianxijilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tousutiwen"></span>
            <div class="name">
              投诉提问
            </div>
            <div class="code-name">.icon-tousutiwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peixunjihua"></span>
            <div class="name">
              培训计划
            </div>
            <div class="code-name">.icon-peixunjihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feiyongchaxun"></span>
            <div class="name">
              费用查询
            </div>
            <div class="code-name">.icon-feiyongchaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengjiaofei"></span>
            <div class="name">
              学生缴费
            </div>
            <div class="code-name">.icon-xueshengjiaofei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jizhang"></span>
            <div class="name">
              记账
            </div>
            <div class="code-name">.icon-jizhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaxun"></span>
            <div class="name">
              查账
            </div>
            <div class="code-name">.icon-chaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chazhang"></span>
            <div class="name">
              查账
            </div>
            <div class="code-name">.icon-chazhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baobiao"></span>
            <div class="name">
              报表
            </div>
            <div class="code-name">.icon-baobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daqiajilu"></span>
            <div class="name">
              招生报表
            </div>
            <div class="code-name">.icon-daqiajilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangluobanji"></span>
            <div class="name">
              打卡记录
            </div>
            <div class="code-name">.icon-wangluobanji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangxiaoshezhi1"></span>
            <div class="name">
              网络班级
            </div>
            <div class="code-name">.icon-wangxiaoshezhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-houtaishezhi"></span>
            <div class="name">
              小程序
            </div>
            <div class="code-name">.icon-houtaishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoshengshezhi"></span>
            <div class="name">
              后台设置
            </div>
            <div class="code-name">.icon-zhaoshengshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxizhongxin"></span>
            <div class="name">
              招生设置
            </div>
            <div class="code-name">.icon-xiaoxizhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoshengbaobiao"></span>
            <div class="name">
              消息中心
            </div>
            <div class="code-name">.icon-zhaoshengbaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidanguanli"></span>
            <div class="name">
              菜单管理
            </div>
            <div class="code-name">.icon-caidanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jituanshezhi"></span>
            <div class="name">
              集团设置
            </div>
            <div class="code-name">.icon-jituanshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shichangguanli"></span>
            <div class="name">
              市场管理
            </div>
            <div class="code-name">.icon-shichangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chuangjianxitong"></span>
            <div class="name">
              创建系统
            </div>
            <div class="code-name">.icon-chuangjianxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongdanguanli"></span>
            <div class="name">
              工单管理
            </div>
            <div class="code-name">.icon-gongdanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duanxin"></span>
            <div class="name">
              短信
            </div>
            <div class="code-name">.icon-duanxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangzhuzhongxin"></span>
            <div class="name">
              帮助中心
            </div>
            <div class="code-name">.icon-bangzhuzhongxin
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xueshengyidong"></use>
                </svg>
                <div class="name">学生异动</div>
                <div class="code-name">#icon-xueshengyidong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baokao"></use>
                </svg>
                <div class="name">报考</div>
                <div class="code-name">#icon-baokao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chengji"></use>
                </svg>
                <div class="name">成绩</div>
                <div class="code-name">#icon-chengji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuejuan"></use>
                </svg>
                <div class="name">阅卷</div>
                <div class="code-name">#icon-yuejuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaoheshezhi"></use>
                </svg>
                <div class="name">考核设置</div>
                <div class="code-name">#icon-kaoheshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lunwenguanli"></use>
                </svg>
                <div class="name">论文管理</div>
                <div class="code-name">#icon-lunwenguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenbao"></use>
                </svg>
                <div class="name">申报</div>
                <div class="code-name">#icon-shenbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kecheng"></use>
                </svg>
                <div class="name">课程</div>
                <div class="code-name">#icon-kecheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiku"></use>
                </svg>
                <div class="name">题库</div>
                <div class="code-name">#icon-tiku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaowushezhi"></use>
                </svg>
                <div class="name">教务设置</div>
                <div class="code-name">#icon-jiaowushezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zidingyishezhi"></use>
                </svg>
                <div class="name">自定义设置</div>
                <div class="code-name">#icon-zidingyishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaojitongji"></use>
                </svg>
                <div class="name">超级统计</div>
                <div class="code-name">#icon-chaojitongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhaoshengtongji"></use>
                </svg>
                <div class="name">招生统计</div>
                <div class="code-name">#icon-zhaoshengtongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuiguangtongji"></use>
                </svg>
                <div class="name">推广统计</div>
                <div class="code-name">#icon-tuiguangtongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuexitongji"></use>
                </svg>
                <div class="name">学习统计</div>
                <div class="code-name">#icon-xuexitongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-diqushujutongji"></use>
                </svg>
                <div class="name">地区数据统计</div>
                <div class="code-name">#icon-diqushujutongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujudaoru"></use>
                </svg>
                <div class="name">数据导入</div>
                <div class="code-name">#icon-shujudaoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chengkaoguanli"></use>
                </svg>
                <div class="name">成考管理</div>
                <div class="code-name">#icon-chengkaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuanchengguanli"></use>
                </svg>
                <div class="name">远程管理</div>
                <div class="code-name">#icon-yuanchengguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujiguanli"></use>
                </svg>
                <div class="name">书籍管理</div>
                <div class="code-name">#icon-shujiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guochengxingkaohe"></use>
                </svg>
                <div class="name">过程性考核</div>
                <div class="code-name">#icon-guochengxingkaohe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuefenrending"></use>
                </svg>
                <div class="name">学分认定</div>
                <div class="code-name">#icon-xuefenrending</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kechengdingdan"></use>
                </svg>
                <div class="name">课程订单</div>
                <div class="code-name">#icon-kechengdingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wentifankui"></use>
                </svg>
                <div class="name">问题反馈</div>
                <div class="code-name">#icon-wentifankui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zichan"></use>
                </svg>
                <div class="name">资产</div>
                <div class="code-name">#icon-zichan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-KPIguanli"></use>
                </svg>
                <div class="name">KPI管理</div>
                <div class="code-name">#icon-KPIguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangmuguanli"></use>
                </svg>
                <div class="name">项目管理</div>
                <div class="code-name">#icon-xiangmuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixingongzhonghao"></use>
                </svg>
                <div class="name">微信公众号</div>
                <div class="code-name">#icon-weixingongzhonghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anquanshezhi"></use>
                </svg>
                <div class="name">安全设置</div>
                <div class="code-name">#icon-anquanshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwuzhongxin"></use>
                </svg>
                <div class="name">服务中心</div>
                <div class="code-name">#icon-fuwuzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyefuwu"></use>
                </svg>
                <div class="name">企业服务</div>
                <div class="code-name">#icon-qiyefuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangkefuwu"></use>
                </svg>
                <div class="name">网课服务</div>
                <div class="code-name">#icon-wangkefuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoufeiguanli"></use>
                </svg>
                <div class="name">收费管理</div>
                <div class="code-name">#icon-shoufeiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanxianshezhi"></use>
                </svg>
                <div class="name">权限设置</div>
                <div class="code-name">#icon-quanxianshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaowutongji"></use>
                </svg>
                <div class="name">教务统计</div>
                <div class="code-name">#icon-jiaowutongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoxuetongji"></use>
                </svg>
                <div class="name">教学统计</div>
                <div class="code-name">#icon-jiaoxuetongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoufeitongji"></use>
                </svg>
                <div class="name">收费统计</div>
                <div class="code-name">#icon-shoufeitongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwutongji"></use>
                </svg>
                <div class="name">服务统计</div>
                <div class="code-name">#icon-fuwutongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongzhitongji"></use>
                </svg>
                <div class="name">通知统计</div>
                <div class="code-name">#icon-tongzhitongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaohetongji"></use>
                </svg>
                <div class="name">考核统计</div>
                <div class="code-name">#icon-kaohetongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuhuoyuedu"></use>
                </svg>
                <div class="name">用户活跃度</div>
                <div class="code-name">#icon-yonghuhuoyuedu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xueshengbaoming"></use>
                </svg>
                <div class="name">学生报名</div>
                <div class="code-name">#icon-xueshengbaoming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xueshengluqu"></use>
                </svg>
                <div class="name">学生录取</div>
                <div class="code-name">#icon-xueshengluqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xueshengzhuce"></use>
                </svg>
                <div class="name">学生注册</div>
                <div class="code-name">#icon-xueshengzhuce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zaijixuesheng"></use>
                </svg>
                <div class="name">在籍学生</div>
                <div class="code-name">#icon-zaijixuesheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huamingce"></use>
                </svg>
                <div class="name">花名册</div>
                <div class="code-name">#icon-huamingce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenleiguanli"></use>
                </svg>
                <div class="name">服务分类管理</div>
                <div class="code-name">#icon-fenleiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwuliebiao"></use>
                </svg>
                <div class="name">学生服务列表</div>
                <div class="code-name">#icon-fuwuliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenleiliebiao"></use>
                </svg>
                <div class="name">通知分类管理</div>
                <div class="code-name">#icon-fenleiliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongzhiliebiao"></use>
                </svg>
                <div class="name">通知列表</div>
                <div class="code-name">#icon-tongzhiliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoxuejihua"></use>
                </svg>
                <div class="name">教学计划</div>
                <div class="code-name">#icon-jiaoxuejihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoxueanpai"></use>
                </svg>
                <div class="name">教学安排</div>
                <div class="code-name">#icon-jiaoxueanpai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chengjiguanli"></use>
                </svg>
                <div class="name">成绩管理</div>
                <div class="code-name">#icon-chengjiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tupianguanli"></use>
                </svg>
                <div class="name">图片管理</div>
                <div class="code-name">#icon-tupianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaoshijihua"></use>
                </svg>
                <div class="name">考试计划</div>
                <div class="code-name">#icon-kaoshijihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaoshipeizhi"></use>
                </svg>
                <div class="name">考试配置</div>
                <div class="code-name">#icon-kaoshipeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuexizhongxinguanli"></use>
                </svg>
                <div class="name">学习中心管理</div>
                <div class="code-name">#icon-xuexizhongxinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaoheguanli"></use>
                </svg>
                <div class="name">考核管理</div>
                <div class="code-name">#icon-kaoheguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoshiguanli"></use>
                </svg>
                <div class="name">教师管理</div>
                <div class="code-name">#icon-jiaoshiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangkeguanli"></use>
                </svg>
                <div class="name">网课管理</div>
                <div class="code-name">#icon-wangkeguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bulujiesuan"></use>
                </svg>
                <div class="name">补录结算</div>
                <div class="code-name">#icon-bulujiesuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biyeguanli"></use>
                </svg>
                <div class="name">毕业管理</div>
                <div class="code-name">#icon-biyeguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaohezhibiao"></use>
                </svg>
                <div class="name">考核指标</div>
                <div class="code-name">#icon-kaohezhibiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyeguanli"></use>
                </svg>
                <div class="name">企业管理</div>
                <div class="code-name">#icon-qiyeguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chubuguanli"></use>
                </svg>
                <div class="name">初步管理</div>
                <div class="code-name">#icon-chubuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hujiaobaobiao"></use>
                </svg>
                <div class="name">呼叫报表</div>
                <div class="code-name">#icon-hujiaobaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-saomiaodianjing"></use>
                </svg>
                <div class="name">扫描电镜</div>
                <div class="code-name">#icon-saomiaodianjing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiezhang"></use>
                </svg>
                <div class="name">结账</div>
                <div class="code-name">#icon-jiezhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoshoubaobiao"></use>
                </svg>
                <div class="name">销售报表</div>
                <div class="code-name">#icon-xiaoshoubaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingzheng"></use>
                </svg>
                <div class="name">凭证</div>
                <div class="code-name">#icon-pingzheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hetongyidong"></use>
                </svg>
                <div class="name">合同异动</div>
                <div class="code-name">#icon-hetongyidong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoshoupin"></use>
                </svg>
                <div class="name">销售品</div>
                <div class="code-name">#icon-xiaoshoupin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xueshuguanli"></use>
                </svg>
                <div class="name">学术管理</div>
                <div class="code-name">#icon-xueshuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yihaopin"></use>
                </svg>
                <div class="name">易耗品</div>
                <div class="code-name">#icon-yihaopin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renwuguanli"></use>
                </svg>
                <div class="name">任务管理</div>
                <div class="code-name">#icon-renwuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianshang"></use>
                </svg>
                <div class="name">电商</div>
                <div class="code-name">#icon-dianshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mingpianbaobiao_1"></use>
                </svg>
                <div class="name">名片报表</div>
                <div class="code-name">#icon-mingpianbaobiao_1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gudingzichan"></use>
                </svg>
                <div class="name">固定资产</div>
                <div class="code-name">#icon-gudingzichan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dongtaiguanli"></use>
                </svg>
                <div class="name">动态管理</div>
                <div class="code-name">#icon-dongtaiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jichupeizhi"></use>
                </svg>
                <div class="name">基础配置</div>
                <div class="code-name">#icon-jichupeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hujiaotongji"></use>
                </svg>
                <div class="name">呼叫统计</div>
                <div class="code-name">#icon-hujiaotongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoshoubaobiao_1"></use>
                </svg>
                <div class="name">销售报表</div>
                <div class="code-name">#icon-xiaoshoubaobiao_1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dashuju"></use>
                </svg>
                <div class="name">大数据</div>
                <div class="code-name">#icon-dashuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huodongguanli"></use>
                </svg>
                <div class="name">活动管理</div>
                <div class="code-name">#icon-huodongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hujiaoshezhi"></use>
                </svg>
                <div class="name">呼叫设置</div>
                <div class="code-name">#icon-hujiaoshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxiaoshichang"></use>
                </svg>
                <div class="name">分销市场</div>
                <div class="code-name">#icon-fenxiaoshichang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chengjitongji"></use>
                </svg>
                <div class="name">成绩统计</div>
                <div class="code-name">#icon-chengjitongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuiguangshezhi"></use>
                </svg>
                <div class="name">推广设置</div>
                <div class="code-name">#icon-tuiguangshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kechengzhongxin"></use>
                </svg>
                <div class="name">课程中心</div>
                <div class="code-name">#icon-kechengzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hetongshezhi"></use>
                </svg>
                <div class="name">合同设置</div>
                <div class="code-name">#icon-hetongshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kechengbaoguanli"></use>
                </svg>
                <div class="name">课程包管理</div>
                <div class="code-name">#icon-kechengbaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuguanli"></use>
                </svg>
                <div class="name">用户管理</div>
                <div class="code-name">#icon-yonghuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuhuaxiang"></use>
                </svg>
                <div class="name">用户画像</div>
                <div class="code-name">#icon-yonghuhuaxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanghaoguanli"></use>
                </svg>
                <div class="name">帐号管理</div>
                <div class="code-name">#icon-zhanghaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-SEMguanli"></use>
                </svg>
                <div class="name">SEM管理</div>
                <div class="code-name">#icon-SEMguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yusuan"></use>
                </svg>
                <div class="name">预算</div>
                <div class="code-name">#icon-yusuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mingpianbaobiao"></use>
                </svg>
                <div class="name">名片报表</div>
                <div class="code-name">#icon-mingpianbaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingdanguanli"></use>
                </svg>
                <div class="name">订单管理</div>
                <div class="code-name">#icon-dingdanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuiguangguanli"></use>
                </svg>
                <div class="name">推广管理</div>
                <div class="code-name">#icon-tuiguangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuantiguanli"></use>
                </svg>
                <div class="name">专题管理</div>
                <div class="code-name">#icon-zhuantiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxiliu"></use>
                </svg>
                <div class="name">信息流</div>
                <div class="code-name">#icon-xinxiliu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoshoushezhi"></use>
                </svg>
                <div class="name">销售设置</div>
                <div class="code-name">#icon-xiaoshoushezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sucaiguanli"></use>
                </svg>
                <div class="name">素材管理</div>
                <div class="code-name">#icon-sucaiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xueshengdaoru"></use>
                </svg>
                <div class="name">学生导入</div>
                <div class="code-name">#icon-xueshengdaoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangpinguanli"></use>
                </svg>
                <div class="name">商品管理</div>
                <div class="code-name">#icon-shangpinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paikeguanli"></use>
                </svg>
                <div class="name">排课管理</div>
                <div class="code-name">#icon-paikeguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxidaoru"></use>
                </svg>
                <div class="name">信息导入</div>
                <div class="code-name">#icon-xinxidaoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoufeipeizhi"></use>
                </svg>
                <div class="name">收费配置</div>
                <div class="code-name">#icon-shoufeipeizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuquanxian"></use>
                </svg>
                <div class="name">用户权限</div>
                <div class="code-name">#icon-yonghuquanxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zaijixueshengguanli"></use>
                </svg>
                <div class="name">在籍学生管理</div>
                <div class="code-name">#icon-zaijixueshengguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuehaoguanli"></use>
                </svg>
                <div class="name">学号管理</div>
                <div class="code-name">#icon-xuehaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kechengziyuanguanli"></use>
                </svg>
                <div class="name">课程资源管理</div>
                <div class="code-name">#icon-kechengziyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mianshoujiaoxueanpai"></use>
                </svg>
                <div class="name">面授教学安排</div>
                <div class="code-name">#icon-mianshoujiaoxueanpai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhangfang"></use>
                </svg>
                <div class="name">账房</div>
                <div class="code-name">#icon-zhangfang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaikeguanli"></use>
                </svg>
                <div class="name">开课管理</div>
                <div class="code-name">#icon-kaikeguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biyetongji"></use>
                </svg>
                <div class="name">毕业统计</div>
                <div class="code-name">#icon-biyetongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhaoshengzhunbei"></use>
                </svg>
                <div class="name">招生准备</div>
                <div class="code-name">#icon-zhaoshengzhunbei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paikeshezhi"></use>
                </svg>
                <div class="name">排课设置</div>
                <div class="code-name">#icon-paikeshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-banjiguanli"></use>
                </svg>
                <div class="name">班级管理</div>
                <div class="code-name">#icon-banjiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingpinketang"></use>
                </svg>
                <div class="name">精品课堂</div>
                <div class="code-name">#icon-jingpinketang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuangongtidian"></use>
                </svg>
                <div class="name">员工提点</div>
                <div class="code-name">#icon-yuangongtidian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaoshianpai"></use>
                </svg>
                <div class="name">考试安排</div>
                <div class="code-name">#icon-kaoshianpai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangluojiaoxueanpai"></use>
                </svg>
                <div class="name">网络教学安排</div>
                <div class="code-name">#icon-wangluojiaoxueanpai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ruxuechengji"></use>
                </svg>
                <div class="name">入学成绩</div>
                <div class="code-name">#icon-ruxuechengji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mianshoujiaoxue"></use>
                </svg>
                <div class="name">面授教学</div>
                <div class="code-name">#icon-mianshoujiaoxue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoshijiaoshiguanli"></use>
                </svg>
                <div class="name">教师教室管理</div>
                <div class="code-name">#icon-jiaoshijiaoshiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-luquguanli"></use>
                </svg>
                <div class="name">录取管理</div>
                <div class="code-name">#icon-luquguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-luquchengji"></use>
                </svg>
                <div class="name">录取成绩</div>
                <div class="code-name">#icon-luquchengji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuan"></use>
                </svg>
                <div class="name">资源</div>
                <div class="code-name">#icon-ziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kejian"></use>
                </svg>
                <div class="name">课件</div>
                <div class="code-name">#icon-kejian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-waibukejian"></use>
                </svg>
                <div class="name">外部课件</div>
                <div class="code-name">#icon-waibukejian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rizhiguanli"></use>
                </svg>
                <div class="name">日志管理</div>
                <div class="code-name">#icon-rizhiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mobanguanli"></use>
                </svg>
                <div class="name">模版管理</div>
                <div class="code-name">#icon-mobanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuelirenzheng"></use>
                </svg>
                <div class="name">学历认证</div>
                <div class="code-name">#icon-xuelirenzheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yiyichuli"></use>
                </svg>
                <div class="name">异议处理</div>
                <div class="code-name">#icon-yiyichuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lunwenshenbao"></use>
                </svg>
                <div class="name">论文申报</div>
                <div class="code-name">#icon-lunwenshenbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lunwenshezhi"></use>
                </svg>
                <div class="name">论文设置</div>
                <div class="code-name">#icon-lunwenshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaoxuedianshezhi"></use>
                </svg>
                <div class="name">教学点设置</div>
                <div class="code-name">#icon-jiaoxuedianshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-buluchenjiang"></use>
                </svg>
                <div class="name">补录沉降</div>
                <div class="code-name">#icon-buluchenjiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mokuaishezhi"></use>
                </svg>
                <div class="name">模块设置</div>
                <div class="code-name">#icon-mokuaishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziliaoguanli"></use>
                </svg>
                <div class="name">资料管理</div>
                <div class="code-name">#icon-ziliaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jituanguanli"></use>
                </svg>
                <div class="name">集团管理</div>
                <div class="code-name">#icon-jituanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingyongguanli"></use>
                </svg>
                <div class="name">应用管理</div>
                <div class="code-name">#icon-yingyongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanwangshijuan"></use>
                </svg>
                <div class="name">官网试卷</div>
                <div class="code-name">#icon-guanwangshijuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodewangke"></use>
                </svg>
                <div class="name">我的网课</div>
                <div class="code-name">#icon-wodewangke</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaobenguanli"></use>
                </svg>
                <div class="name">脚本管理</div>
                <div class="code-name">#icon-jiaobenguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuanyeguanliyuan"></use>
                </svg>
                <div class="name">专业管理员</div>
                <div class="code-name">#icon-zhuanyeguanliyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xueshengchengji"></use>
                </svg>
                <div class="name">学生成绩</div>
                <div class="code-name">#icon-xueshengchengji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwuguanli"></use>
                </svg>
                <div class="name">服务管理</div>
                <div class="code-name">#icon-fuwuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daijinquan"></use>
                </svg>
                <div class="name">代金券</div>
                <div class="code-name">#icon-daijinquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hujiaozhongxin"></use>
                </svg>
                <div class="name">呼叫中心</div>
                <div class="code-name">#icon-hujiaozhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yinjinshoufei"></use>
                </svg>
                <div class="name">引进收费</div>
                <div class="code-name">#icon-yinjinshoufei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingjiaoqingdan"></use>
                </svg>
                <div class="name">应缴清单</div>
                <div class="code-name">#icon-yingjiaoqingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duizhangdan"></use>
                </svg>
                <div class="name">对账单</div>
                <div class="code-name">#icon-duizhangdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangjiguanli"></use>
                </svg>
                <div class="name">商机管理</div>
                <div class="code-name">#icon-shangjiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyehuihuacundang"></use>
                </svg>
                <div class="name">企微会话存档</div>
                <div class="code-name">#icon-qiyehuihuacundang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghushezhi"></use>
                </svg>
                <div class="name">用户设置</div>
                <div class="code-name">#icon-yonghushezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxishezhi"></use>
                </svg>
                <div class="name">消息设置</div>
                <div class="code-name">#icon-xiaoxishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingxiaoshezhi"></use>
                </svg>
                <div class="name">营销设置</div>
                <div class="code-name">#icon-yingxiaoshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwushichang"></use>
                </svg>
                <div class="name">服务市场</div>
                <div class="code-name">#icon-fuwushichang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sucaiziyuan"></use>
                </svg>
                <div class="name">素材资源</div>
                <div class="code-name">#icon-sucaiziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingxiaowanfa"></use>
                </svg>
                <div class="name">营销玩法</div>
                <div class="code-name">#icon-yingxiaowanfa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuiguang"></use>
                </svg>
                <div class="name">推广</div>
                <div class="code-name">#icon-tuiguang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonghuliebiao"></use>
                </svg>
                <div class="name">用户列表</div>
                <div class="code-name">#icon-yonghuliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuanguanli"></use>
                </svg>
                <div class="name">资源管理</div>
                <div class="code-name">#icon-ziyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kechengguanli"></use>
                </svg>
                <div class="name">课程管理</div>
                <div class="code-name">#icon-kechengguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kechengbao"></use>
                </svg>
                <div class="name">课程包</div>
                <div class="code-name">#icon-kechengbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tikuguanli"></use>
                </svg>
                <div class="name">题库管理</div>
                <div class="code-name">#icon-tikuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangkeshichang"></use>
                </svg>
                <div class="name">网课市场</div>
                <div class="code-name">#icon-wangkeshichang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongdan"></use>
                </svg>
                <div class="name">工单</div>
                <div class="code-name">#icon-gongdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangkeguanli"></use>
                </svg>
                <div class="name">访客管理</div>
                <div class="code-name">#icon-fangkeguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiansuoguanli"></use>
                </svg>
                <div class="name">线索管理</div>
                <div class="code-name">#icon-xiansuoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehuguanli"></use>
                </svg>
                <div class="name">客户管理</div>
                <div class="code-name">#icon-kehuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jituankehu"></use>
                </svg>
                <div class="name">集团客户</div>
                <div class="code-name">#icon-jituankehu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-genjinjilu"></use>
                </svg>
                <div class="name">跟进记录</div>
                <div class="code-name">#icon-genjinjilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hujiaoguanli"></use>
                </svg>
                <div class="name">呼叫管理</div>
                <div class="code-name">#icon-hujiaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongzuotai"></use>
                </svg>
                <div class="name">工作台</div>
                <div class="code-name">#icon-gongzuotai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujubaobiao"></use>
                </svg>
                <div class="name">数据报表</div>
                <div class="code-name">#icon-shujubaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangkebaobiao"></use>
                </svg>
                <div class="name">访客报表</div>
                <div class="code-name">#icon-fangkebaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhangbuguanli"></use>
                </svg>
                <div class="name">账簿管理</div>
                <div class="code-name">#icon-zhangbuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhangbuguanli_zi"></use>
                </svg>
                <div class="name">账簿管理_子系统</div>
                <div class="code-name">#icon-zhangbuguanli_zi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhangbuguanli_zixitong_A"></use>
                </svg>
                <div class="name">账簿管理_子系统</div>
                <div class="code-name">#icon-zhangbuguanli_zixitong_A</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hetongguanli"></use>
                </svg>
                <div class="name">合同管理</div>
                <div class="code-name">#icon-hetongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunyingzheguanli"></use>
                </svg>
                <div class="name">运营者管理</div>
                <div class="code-name">#icon-yunyingzheguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhaopinguanli"></use>
                </svg>
                <div class="name">招聘管理</div>
                <div class="code-name">#icon-zhaopinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongziguanli"></use>
                </svg>
                <div class="name">工资管理</div>
                <div class="code-name">#icon-gongziguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodeshenpi"></use>
                </svg>
                <div class="name">我的审批</div>
                <div class="code-name">#icon-wodeshenpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaozhunmobanshezhi"></use>
                </svg>
                <div class="name">标准模版设置</div>
                <div class="code-name">#icon-biaozhunmobanshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jichushezhi"></use>
                </svg>
                <div class="name">基础设置</div>
                <div class="code-name">#icon-jichushezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caiwushezhi"></use>
                </svg>
                <div class="name">财务设置</div>
                <div class="code-name">#icon-caiwushezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chanpinshezhi"></use>
                </svg>
                <div class="name">产品设置</div>
                <div class="code-name">#icon-chanpinshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenpishezhi"></use>
                </svg>
                <div class="name">审批设置</div>
                <div class="code-name">#icon-shenpishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mubiaoguanli"></use>
                </svg>
                <div class="name">目标管理</div>
                <div class="code-name">#icon-mubiaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhandianshezhi"></use>
                </svg>
                <div class="name">站点设置</div>
                <div class="code-name">#icon-zhandianshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renshishezhi"></use>
                </svg>
                <div class="name">人事设置</div>
                <div class="code-name">#icon-renshishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-CRMshezhi"></use>
                </svg>
                <div class="name">CRM设置</div>
                <div class="code-name">#icon-CRMshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mingpianshezhi"></use>
                </svg>
                <div class="name">名片设置</div>
                <div class="code-name">#icon-mingpianshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangxiaoshezhi"></use>
                </svg>
                <div class="name">网校设置</div>
                <div class="code-name">#icon-wangxiaoshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodedianping"></use>
                </svg>
                <div class="name">我的点评</div>
                <div class="code-name">#icon-wodedianping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wodexuesheng"></use>
                </svg>
                <div class="name">我的学生</div>
                <div class="code-name">#icon-wodexuesheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianxijilu"></use>
                </svg>
                <div class="name">联系记录</div>
                <div class="code-name">#icon-lianxijilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tousutiwen"></use>
                </svg>
                <div class="name">投诉提问</div>
                <div class="code-name">#icon-tousutiwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peixunjihua"></use>
                </svg>
                <div class="name">培训计划</div>
                <div class="code-name">#icon-peixunjihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-feiyongchaxun"></use>
                </svg>
                <div class="name">费用查询</div>
                <div class="code-name">#icon-feiyongchaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xueshengjiaofei"></use>
                </svg>
                <div class="name">学生缴费</div>
                <div class="code-name">#icon-xueshengjiaofei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jizhang"></use>
                </svg>
                <div class="name">记账</div>
                <div class="code-name">#icon-jizhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaxun"></use>
                </svg>
                <div class="name">查账</div>
                <div class="code-name">#icon-chaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chazhang"></use>
                </svg>
                <div class="name">查账</div>
                <div class="code-name">#icon-chazhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baobiao"></use>
                </svg>
                <div class="name">报表</div>
                <div class="code-name">#icon-baobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daqiajilu"></use>
                </svg>
                <div class="name">招生报表</div>
                <div class="code-name">#icon-daqiajilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangluobanji"></use>
                </svg>
                <div class="name">打卡记录</div>
                <div class="code-name">#icon-wangluobanji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wangxiaoshezhi1"></use>
                </svg>
                <div class="name">网络班级</div>
                <div class="code-name">#icon-wangxiaoshezhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-houtaishezhi"></use>
                </svg>
                <div class="name">小程序</div>
                <div class="code-name">#icon-houtaishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhaoshengshezhi"></use>
                </svg>
                <div class="name">后台设置</div>
                <div class="code-name">#icon-zhaoshengshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxizhongxin"></use>
                </svg>
                <div class="name">招生设置</div>
                <div class="code-name">#icon-xiaoxizhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhaoshengbaobiao"></use>
                </svg>
                <div class="name">消息中心</div>
                <div class="code-name">#icon-zhaoshengbaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidanguanli"></use>
                </svg>
                <div class="name">菜单管理</div>
                <div class="code-name">#icon-caidanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jituanshezhi"></use>
                </svg>
                <div class="name">集团设置</div>
                <div class="code-name">#icon-jituanshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shichangguanli"></use>
                </svg>
                <div class="name">市场管理</div>
                <div class="code-name">#icon-shichangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chuangjianxitong"></use>
                </svg>
                <div class="name">创建系统</div>
                <div class="code-name">#icon-chuangjianxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongdanguanli"></use>
                </svg>
                <div class="name">工单管理</div>
                <div class="code-name">#icon-gongdanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duanxin"></use>
                </svg>
                <div class="name">短信</div>
                <div class="code-name">#icon-duanxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bangzhuzhongxin"></use>
                </svg>
                <div class="name">帮助中心</div>
                <div class="code-name">#icon-bangzhuzhongxin</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
